<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <link rel="shortcut icon" href="#" />
    <link rel="stylesheet" type="text/css" href="{{pluResPath}}html/roleCard/roleCard.css" />
    <link rel="preload" href="{{resPath}}/font/tttgbnumber.ttf" as="font">
    <link rel="preload" href="{{pluResPath}}img/roleCard/bg{{bg}}.jpg" as="image">
    <link rel="preload" href="https://q1.qlogo.cn/g?b=qq&s=0&nk={{user_id}}" as="image">
  </head>
  <body>
    <style>
      .container {
        background: url('{{pluResPath}}img/roleCard/bg{{bg}}.jpg');
        background-repeat: no-repeat;
        background-size: 100% 100%;
      }
    </style>
    <div class="container" id="container">
      <div class="info-box">
        <div class="head-box">
          <!-- <div class="name-card"><img src="{{_res_path}}/genshin/logo/bg/{{avatars[0].name}}1.png" /></div> -->
          <div class="avatar">
            <img src="https://q1.qlogo.cn/g?b=qq&s=0&nk={{user_id}}" onerror="whenError(this)" />
          </div>
          <div class="name"><div>{{name}}</div></div>
          <div class="uid"><div>UID：{{uid}}</div></div>
          <div class="genshin">
            <img class="genshin-img" src="{{pluResPath}}img/other/原神.png" />
          </div>
        </div>
        <div class="tab">数据总览</div>
        <div class="data-box">
          {{each line val}}
          <div class="data-line">
            {{each val item}}
            <div class="data-line-item">
              <div class="num">{{item.num}}</div>
              <div class="lable">{{item.lable}}</div>
            </div>
            {{/each}}
          </div>
          {{/each}}
        </div>
      </div>
      <div class="list-box">
        <div class="list">
          {{each avatars val}}
          <div class="item">
            <div class="item-bg">
              <div class="role-box {{val.element}}">
                <img class="role" src="{{pluResPath}}img/gacha/character/{{val.img}}" />
              </div>
              {{ if val.actived_constellation_num>0}}
              <div class="role-life life{{val.actived_constellation_num}}">{{val.actived_constellation_num}}命</div>
              {{/if}}
              <div class="role-lv">
                <div class="text">Lv {{val.level}}</div>
                <div class="text-bg"></div>
              </div>
            </div>
          </div>
          {{/each}}
        </div>
      </div>
      <div class="logo">Created By Yunzai-Bot</div>
    </div>
  </body>
  <script type="text/javascript">
    function whenError(a) {
      // a.onerror = null;
      // a.src = "{{_res_path}}/genshin/logo/role/荧.png";
    }
  </script>
</html>
